{% load static %}
<!DOCTYPE html>
<html>
<head>
    <link rel="icon" href="/favicon.png" type="image/x-icon">
    <meta charset="UTF-8" />
    <title>DX Booru - The World Least Popular Booru</title>
    <script src="{% static 'js/bootstrap.bundle.min.js' %}"></script>
    <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
    <link rel="stylesheet" href="{% static 'icon/bootstrap-icons.min.css' %}">
    <script>
        function turnto(site){
            window.location.href=site
        }
    </script>
    <style>
        body{
            padding-top: 20px;
        }
        #mainpagePicture{
            object-fit:contain;
            max-width: 60vw;
            max-height: 70vh;
        }
    </style>
</head>
<body>
    <!-- Welcome to dxbooru test server. -->
     <div class="container">
        {% include 'common/nav.html' %}
        <h1 class="text-center">Welcome to DX Booru v2.0 beta</h1>
        <div class="container justify-content-center" style="display: flex;" >
            <img src="/media/site/image/index.png" id="mainpagePicture"></img>
        </div>
        <div class="container justify-content-center" style="display: flex;" >
            <p>Made by hezerxu with assistance from DeepSeek, for love to duocha of yzy4090.</p>
        </div>
        <div class="container justify-content-center" style="display: flex;" >
            <p class="text-danger">May have explicit and annoying content! (i.e., may have 'unsafe' content)</p>
        </div>
     </div>
     
     
</body>
</html>